<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <title>杭州美卓-多功能局放仪 /超声波成像仪 /局放在线监测 /SF6气体监测方案生产商</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/js_z.js"></script>
    <link rel="stylesheet" type="text/css" href="css/thems.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c9d08b45c38995ade27133094e176186";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>    <link rel="stylesheet" href="css/productDetail.css">
</head>

<body>
  <!--头部-->
  <div class="r_top">
    <span>免费咨询电话：<b>0571-85159673
            / 13575788882</b></span>

</div>
<div class="head clearfix">
    <div class="logo"><a href="index.html"><img src="img/logo.jpeg" alt="杭州美卓自动化有限公司"></a></div>
    <div class="head_r">

        <div class="nav_m">
            <div class="n_icon">导航栏</div>
            <ul class="nav clearfix">
                <li><a href="index.html">网站首页</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li><a href="product.html">产品系列</a></li>
                <li><a href="service.html">解决方案</a></li>
                <li class="now"><a href="news.html">公司动态</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
    <!--头部-->
    <!--幻灯片-->
    <div class="banner banner_s"><img src="img/banner_a.jpeg" alt=""></div>

    <ul class="trail">
        <a href="/index.html">首页</a>　&gt;　<a href="/news.html">公司动态</a>　&gt;　<a href="/newsPageDetail.html">新闻详情</a>
    </ul>
    <!--幻灯片-->
    <div class="main">
        <div class="top contain" id="productDetailInfo">
            <div class="left-column">
                <h1>开关柜局放在线监测装置 PDM6006</h1>
                <p>评估设备的绝缘状态，判断缺陷类型和缺陷的大致位置，并给出维护建议。</p>
            </div>
            <div class="right-column">
                <div class="img-wrapper">
                    <img src="/static/upload/image/20190629/1561770109345941.jpg" alt="开关柜局放在线监测装置   PDM6006">
                </div>
            </div>
        </div>
        <div class="horizontal-tabs__main-tabs-wrapper">
            <div class="horizontal-tabs__tabs-wrapper contain">
                <ul class="tabs transform-tabs-pes" id="tabs" style="transform: translate3d(0px, 0px, 0px);">

                </ul>
                <div class="slider-btn slider-btn__left hidden"></div>
                <div class="slider-btn slider-btn__right hidden"></div>
            </div>
        </div>
        <div id="productDetailContent" class="contain">
            <img src="https://webfamer321.gitee.io/meizuo-img/productDetail/1633481019(1).jpg" alt="">
        </div>
    </div>
    <div class="f_bg">
        <div class="foot">
            <ul class="f_nav clearfix">
                <li>
                    <b>关于我们</b>
                    <p><a href="#">公司简介</a></p>
                    <p><a href="#">公司文化</a></p>
                    <p><a href="#">企业荣誉</a></p>
                    <p><a href="#">公司环境</a></p>
                    <p><a href="#">员工风采</a></p>
                </li>
            </ul>
            <div class="f_code">
                <img src="img/code.jpeg" alt="">
                <p>扫一扫关注我们</p>
            </div>
        </div>
    </div>
    <div class="bq_bg">
        <div class="bq">版权所有©杭州美卓-局部放电监测产品专业生产商 <a href="https://beian.miit.gov.cn" style="color:#fff">浙ICP备2021005752号</a> 地址：杭州滨江高新开发区南环路3316号2号楼3楼 咨询电话：0571-85159673</div>
    </div>

    <script>
        let paramsObj = {}

        $(function () {
            //解码url信息
            let url = window.location.href
            console.log(url, "生命周期");

            var search = url.substring(url.lastIndexOf("?") + 1);
            var obj = {};
            var reg = /([^?&=]+)=([^?&=]*)/g;
            search.replace(reg, function (rs, $1, $2) {
                var name = decodeURIComponent($1);
                var val = decodeURIComponent($2);
                val = String(val);
                obj[name] = val;
                return rs;
            });
            paramsObj = obj;
            console.log()

            $.ajax({
                type: "POST",
                url: "https://www.mzpower.com/api/news/detail",
                data: {
                    id: paramsObj['id']
                },
                dataType: "json",
                crossDomain: true,
                success: function (data) {
                    $('#productDetailInfo').empty();
                    $('#productDetailContent').empty();   //清空resText里面的所有内容
                    var html = '';
                    var infoHtml = ''
                    infoHtml += `
                    <div class="left-column">
                <h1 style="text-align:center">${data.list[0].title}</h1>
            </div>
            <div>
                ${data.list[0].content}
            </div>
                    `

                    console.log(html, '123')
                    $('#productDetailInfo').html(infoHtml);
                    $('#productDetailContent').html(html);
                }
            })



        })


    </script>

 <!-- 百度统计代码 -->
 <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?b23e22c4e429ce63ba8fad5f5eee71e9";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    
</body>

</html>